<!DOCTYPE html>
<!-- saved from url=(0039)https://y.qq.com/portal/album_mall.html -->
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <meta name="description"
          content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <meta name="mobile-agent" content="format==[html5];url=https://y.qq.com/m/index.html">
    <meta name="applicable-device" content="pc">
    <title>数字专辑 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <link rel="stylesheet" href="css/layout_0412.css">
    <link rel="stylesheet" href="css/album_digital.css">
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/vant@3/lib/index.css"/>
    <!-- 引入 Vue 和 Vant 的 JS 文件 -->
<!--    <script src="https://unpkg.com/vue@2.6/dist/vue.min.js" rel="external nofollow" ></script>-->
<!--    <script src="https://unpkg.com/vant@2.12/lib/vant.min.js" rel="external nofollow" ></script>-->
    <style>
        @import "css/element.css";
        /*解决icon 图片不显示问题*/
        @import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css");

        @font-face {
            font-family: element-icons;
            src: url(font/element-icons.woff) format("woff"), url(font/element-icons.ttf) format("truetype");
            font-weight: 400;
            font-style: normal;
        }

        /*到这*/
        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 200px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
        .colon {
            display: inline-block;
            margin: 0 4px;
            color: #ee0a24;
        }
        .block {
            display: inline-block;
            width: 22px;
            color: #fff;
            font-size: 12px;
            text-align: center;
            background-color: #ee0a24;
        }
    </style>
    <!--
    <script>
        document.domain = 'qq.com';
    </script>
    <script type="text/javascript">if (/android|iphone|ipad|ipod|Windows Phone/i.test(navigator.userAgent) && !/http:\/\/(qqmusic3|localhost)/.test(location.href)) {
        window.location.replace(location.protocol + '//y.qq.com/m/client/album_mall/index.html');
    }</script>
    <script id="mod_spt">if (window.location.protocol != 'https:') window.location.replace(window.location.href.replace('http://', 'https://'));
    (function(m, o, d, u, l, a, r) {
        if (m[o]) {
            return;
        }

        function f(n) {
            return function() {
                r.push(n, arguments);
                return a;
            }
        }
        m[o] = a = {
            args: (r = []),
            resourceMap: f(0),
            async: f(1)
        };
        u = d.createElement("script");
        u.id = o + "node";
        u.async = true;
        u.src = "//y.gtimg.cn/c/=/music/portal/js/common/map.js,/music/portal/js/common/music/mod.js?r=" + parseInt(new Date() / 600000);
        l = d.getElementsByTagName("head")[0];
        l.appendChild(u);
    })(window, "require", document);</script>-->
    <script id="requirenode" async="" src="js/mod.js"></script>

    <style id="js_style_box">.event_list__item.p1 {
        -webkit-transform: translate(-224px, 0) scale(0.81);
        -ms-transform: translate(-224px, 0) scale(0.81);
        transform: translate(-224px, 0) scale(0.81);
    }

    .event_list__item.p2 {
        -webkit-transform: translate(0px, 0) scale(0.81);
        -ms-transform: translate(0px, 0) scale(0.81);
        transform: translate(0px, 0) scale(0.81);
    }

    .event_list__item.p3 {
        -webkit-transform: translate(224px, 0) scale(1.24);
        -ms-transform: translate(224px, 0) scale(1);
        transform: translate(224px, 0) scale(1);
    }

    .event_list__item.p4 {
        -webkit-transform: translate(449px, 0) scale(0.81);
        -ms-transform: translate(449px, 0) scale(0.81);
        transform: translate(449px, 0) scale(0.81);
    }

    .event_list__item.p5 {
        -webkit-transform: translate(672px, 0) scale(0.81);
        -ms-transform: translate(672px, 0) scale(0.81);
        transform: translate(672px, 0) scale(0.81);
    }

    .event_list__item.p6 {
        -webkit-transform: translate(896px, 0) scale(0.81);
        -ms-transform: translate(896px, 0) scale(0.81);
        transform: translate(896px, 0) scale(0.81);
    }</style>
    <style type="text/css">.emojicon-m {
        min-height: 1em !important;
        min-width: 1em !important;
        max-height: 1em !important;
        max-width: 1em !important;
        vertical-align: middle !important;
        float: none !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        display: inline-block;
    }</style>
    <link rel="stylesheet" type="text/css" href="css/qb-ie-remind.css">
    <!--[if lt IE 8]>
    <script src='//stdl.qq.com/stdl/qb/js/json2.js'></script><![endif]-->
    <script charset="utf-8" async="" src="js/qblog.js"></script>
</head>
<body class="os_mac">
<!-- 头部 S -->

<script>if (window.ActiveXObject || window.msIsStaticHTML) {
    var ie = 6;

    if (!!window.XMLHttpRequest) {
        ie = 7
    }
    ;
    if (navigator.userAgent.indexOf("MSIE 7.0") != -1) {
        ie = 7
    }
    ;
    if (navigator.userAgent.indexOf("Trident/4.0") != -1) {
        ie = 8
    }
    ;
    if (navigator.userAgent.indexOf("Trident/5.0") != -1) {
        ie = 9
    }
    ;
    if (navigator.userAgent.indexOf("Trident/6.0") != -1) {
        ie = 10
    }
    ;
    if (navigator.userAgent.indexOf("Trident/7.0") != -1 || "undefined" == typeof attachEvent) {
        ie = 11
    }
    ;
    if (ie < 8) {
        document.write("<div class=\"popup_top\"  id=\"zoom_warn\">使用更高版本的 <a href=\"http://www.google.cn/intl/zh-CN/chrome/browser/desktop/\" target=\"_blank\">Chrome</a> 或 <a href=\"https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads\" target=\"_blank\">Internet Explorer</a>，体验更精彩</div>");
    }
}</script>
<div id="app1">
    <div class="mod_header">
        <div class="section_inner">
            <h1 class="qqmusic_title"><a href="https://y.qq.com/"><img
                    srcset="//y.gtimg.cn/mediastyle/yqq/img/logo@2x.png?nowebp=1 2x" src="images/logo.png" alt="QQ音乐"
                    class="qqmusic_logo"></a></h1>
            <!-- 导航 S -->
            <ul class="mod_top_nav" role="nav">
                <li class="top_nav__item">
                    <a href="https://y.qq.com/" class="top_nav__link top_nav__link--current" title="音乐馆">音乐馆</a>
                </li>
                <li class="top_nav__item">
                    <a href="https://y.qq.com/portal/profile.html" class="top_nav__link" title="我的音乐">我的音乐</a>
                </li>
                <li class="top_nav__item top_nav__item--subnav">
                    <a href="https://y.qq.com/download/index.html" class="top_nav__link" title="客户端" rel="noopener"
                       target="_blank">客户端</a>
                    <img src="images/mark_1.png" class="top_nav__mark">
                    <div class="popup_data_detail client_privilege">
                        <div class="popup_data_detail__cont">
                            <p><i class="client_privilege__icon client_privilege__icon--hq"></i>HQ高品质 全员开启</p>
                            <p><i class="client_privilege__icon client_privilege__icon--dts"></i>独家音效 全面升级</p>
                            <p><i class="client_privilege__icon client_privilege__icon--skin"></i>轻盈视觉 动态皮肤</p>
                            <a href="javascript:;" class="client_privilege__btn" id="top_pop_download">下载体验</a>
                        </div>
                    </div>
                </li>
                <li class="top_nav__item">
                    <a href="https://y.qq.com/vip/daren_recruit/apply.html" data-stat="y_new.top.darenrecruit"
                       class="top_nav__link js_nav_click" title="音乐号" rel="noopener" target="_blank">音乐号</a>
                </li>
                <li class="top_nav__item">
                    <a href="https://y.qq.com/portal/vipportal/index.html" class="top_nav__link" title="VIP"
                       rel="noopener" target="_blank">VIP</a>
                </li>
            </ul>
            <ul class="mod_top_subnav" style="">
                <li class="top_subnav__item">
                    <a href="./index.html" class="top_subnav__link">首页</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./sing.html" class="top_subnav__link">歌手</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./newMusic.html" class="top_subnav__link">新碟</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./rankingList.html" class="top_subnav__link">排行榜</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./songList.html" class="top_subnav__link">分类歌单</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./radio.html" class="top_subnav__link">电台</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./mv.html" class="top_subnav__link">MV</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./digitalAlbum.html" class="top_subnav__link top_subnav__link--current">数字专辑</a>
                </li>
                <li class="top_subnav__item">
                    <a href="./ticketing.html" class="top_subnav__link">票务</a>
                </li>
            </ul>
            <!-- 导航 E -->
            <div class="mod_top_search" role="search">
                <div class="mod_search_input">
                    <input class="search_input__input" aria-label="请输入搜索内容" type="text" placeholder="搜索音乐、MV、歌单、用户"
                           accesskey="s">
                    <button class="search_input__btn"><i class="icon_search sprite"></i><span class="icon_txt">搜索</span>
                    </button>
                </div>
                <div class="js_smartbox">
                    <div class="mod_search_other" style="">
                        <div class="search_hot">
                            <dl class="search_hot__list" aria-labelledy="search_hot__tit">
                                <dt class="search_hot__tit">热门搜索</dt>
                                <dd>

                                    <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                       data-name="最好的我们">
                                        <span class="search_hot__number">1</span>
                                        <span class="search_hot__name">最好的我们</span>
                                        <span class="search_hot__listen">32.1万</span>
                                    </a>

                                    <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                       data-name="张艺兴">
                                        <span class="search_hot__number">2</span>
                                        <span class="search_hot__name">张艺兴</span>
                                        <span class="search_hot__listen">26.1万</span>
                                    </a>

                                    <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                       data-name="造乐节">
                                        <span class="search_hot__number">3</span>
                                        <span class="search_hot__name">造乐节</span>
                                        <span class="search_hot__listen">22.7万</span>
                                    </a>

                                    <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                       data-name="缘分一道桥">
                                        <span class="search_hot__number">4</span>
                                        <span class="search_hot__name">缘分一道桥</span>
                                        <span class="search_hot__listen">22.1万</span>
                                    </a>

                                    <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                       data-name="我的名字">
                                        <span class="search_hot__number">5</span>
                                        <span class="search_hot__name">我的名字</span>
                                        <span class="search_hot__listen">19.2万</span>
                                    </a>

                                </dd>

                            </dl>
                        </div>

                        <div class="search_history">
                            <dl class="search_history__list">
                                <dt class="search_history__tit">搜索历史<a href="javascript:;"
                                                                       class="search_history__clear js_smartbox_delete_all"><i
                                        class="icon_history_clear"></i><span class="icon_txt">清空</span></a></dt>

                                <dd class="search_history__item">
                                    <a href="javascript:;" class="search_history__link js_smartbox_search js_left"
                                       data-name="华语原创十大金曲">华语原创十大金曲</a>
                                    <a href="javascript:;" class="search_history__delete js_smartbox_delete"
                                       data-name="华语原创十大金曲" title="删除"><i class="search_history__icon_delete"></i><span
                                            class="icon_txt">删除</span></a>
                                </dd>

                                <dd class="search_history__item">
                                    <a href="javascript:;" class="search_history__link js_smartbox_search js_left"
                                       data-name="爱如潮水">爱如潮水</a>
                                    <a href="javascript:;" class="search_history__delete js_smartbox_delete"
                                       data-name="爱如潮水" title="删除"><i class="search_history__icon_delete"></i><span
                                            class="icon_txt">删除</span></a>
                                </dd>

                            </dl>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header__opt">


                <!-- 未登录 -->
                <span class="mod_top_login">
		    <a class="top_login__link js_logined" href="https://y.qq.com/portal/profile.html#stat=y_new.top.user_pic"
               onclick="setStatCookie&amp;&amp;setStatCookie();" style=""><img src="images/g"
                                                                               onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000&#39;;this.onerror=null;"
                                                                               class="top_login__cover js_user_img"><img
                    src="images/login_qq.png" class="top_login__icon"></a>
                    <a class="top_login__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">
                        登录
                    </a>

                    <a class="login__link header__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">登录</a>
                    <a class="mod_btn_green top_login__btn_vip js_openvip" data-aid="music.pc.20316.newyqqtop"
                       data-stat="music.20316.btnclick.pc" href="javascript:;">开通绿钻豪华版</a>
		    <a class="mod_btn top_login__btn_vip js_openmusic" data-aid="music.pc.20317.newyqqtop"
               data-stat="music.20317.btnclick.pc" href="javascript:;">开通付费包</a>
                </span>
                <!-- 用户信息 -->
                <div class="popup_user">
                    <div class="popup_user_data">
                        <a href="https://y.qq.com/portal/profile.html#stat=y_new.top.pop.user_pic"
                           class="popup_user_data__cover_link" onclick="setStatCookie&amp;&amp;setStatCookie();">
                            <!--                            <img src="images/g" onerror="this.src=\&#39;-->
                            <!--                            //y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000\&#39;;this.onerror=null;" class="popup_user_data__cover js_user_img">-->

                            <img src="images/login_qq.png" class="popup_user_data__icon">

                        </a>
                        <!-- 自动垂直居中 -->
                        <div class="popup_user_data__cont">
                            <div class="popup_user_data__name">
                                <a href="https://y.qq.com/portal/profile.html#stat=y_new.top.pop.user_nickname"
                                   onclick="setStatCookie&amp;&amp;setStatCookie();" class="">□ ＂冷漠□</a>
                            </div>
                            <div class="popup_user_data__lv">
                                <a href="https://y.qq.com/portal/vipportal/index.html" class="js_vip_jump"
                                   data-stat="y_new.top.pop.vip_icon" rel="noopener" target="_blank"><img
                                        src="images/svip_g.png" alt="绿钻" class="popup_user_data__lv_icon"></a><a
                                    href="https://y.qq.com/vip/fufeibao/index.html" class="js_vip_jump"
                                    data-stat="y_new.top.pop.vip_icon" rel="noopener" target="_blank"><img
                                    src="images/sui_g.png" alt="付费音乐包" class="popup_user_data__lv_icon"></a>
                            </div>
                        </div>
                    </div>

                    <div class="popup_user_toolbar">
                        <!--绿钻-->
                        <div class="popup_user_toolbar__item">
                            <div class="popup_user_toolbar__tit"><a href="https://y.qq.com/portal/vipportal/index.html"
                                                                    target="_blank" rel="noopener">绿钻豪华版</a>
                            </div>
                            <div class="popup_user_toolbar__desc c_tx_thin">

                                开通立即赠送付费音乐包

                            </div>
                            <a class="mod_btn_green popup_user_toolbar__btn_vip js_openvip" href="javascript:;"
                               data-aid="music.pc.20318.newyqqhover" data-stat="music.20318.btnclick.pc">开通</a>
                        </div>

                        <!--付费包-->

                        <div class="popup_user_toolbar__item">
                            <div class="popup_user_toolbar__tit"><a href="https://y.qq.com/vip/fufeibao/index.html"
                                                                    target="_blank" rel="noopener">付费音乐包</a>
                            </div>
                            <div class="popup_user_toolbar__desc c_tx_thin">

                                畅享千万包月曲库

                            </div>
                            <a class="mod_btn_green popup_user_toolbar__btn_vip js_openmusic" href="javascript:;"
                               data-aid="music.pc.20320.newyqqhover" data-stat="music.20320.btnclick.pc">开通</a>
                        </div>

                        <div class="popup_user_toolbar__item">
                            <div class="popup_user_toolbar__tit js_msgcenterdiv"><a
                                    href="https://y.qq.com/portal/msg_center.html#stat=y_new.top.pop.msg_center"
                                    onclick="setStatCookie&amp;&amp;setStatCookie();">评论通知</a>
                            </div>
                        </div>
                        <div class="popup_user_toolbar__item">
                            <div class="popup_user_toolbar__tit"><a href="javascript:;" class="js_logout"
                                                                    data-stat="y_new.top.pop.logout">退出QQ登录</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部 E -->
    <!--../downloadFileFromQiniu?fileName=item.albumImage-->
    <div id="app">

        <!--轮播图-->
        <el-carousel indicator-position="none" :interval="4000" type="card" height="300px">
            <el-carousel-item v-for="item in imgArr" :key="item">

                <img
                        style="width: 100%; height: 100%"
                        :src="urlDwon+item.albumImage"
                />

            </el-carousel-item>
        </el-carousel>

        <!--最新-->
        <div class="main">

            <div class="mod_part">
                <div class="part__hd">
                    <h2 class="part__tit">最新上架</h2>
                    <!--<a href="javascript:;" class="part__more">更多<i class="icon_part_arrow sprite"></i></a>-->
                </div>
                <div class="mod_album_list">
                    <ul class="album_list__list" id="new_album" v-for="(item, index) in imgArr" :key="index">
                        <li class="album_list__item" style="margin-bottom:10px">
                            <div class="album_list__item_box">
                                <div data-albummid="0010AYuF3nqxhw" class="js_album album_list__cover mod_cover">
                                    <a href="javascript:;">
                                        <img :src="urlDwon+item.albumImage" class="album_list__pic"><i
                                            class="mod_cover__mask"></i>
                                    </a>
                                </div>
                                <h4 data-albummid="0010AYuF3nqxhw" class="js_album album_list__title"><span
                                        class="album_list__title_txt"><a
                                        href="javascript:;">{{item.albumName}}</a></span></h4>
                                <div class="album_list__author">
                                    <a href="javascript:;" data-singerid="4286" class="js_singer c_tx_thin">{{item.singerName}}</a>
                                </div>
                                <div class="album_list__price">
                                    <strong class="album_list__price_numb c_tx_thin">¥
                                        {{item.albumCurrentPrice}}</strong>
                                    <a href="javascript:;" data-albumid="6968757" data-actid="344"
                                       class="js_buy_album mod_btn album_list__btn_buy">立即购买</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>
        <!--秒杀-->
        <div class="main">

            <div class="mod_part">
                <div class="part__hd">
                    <h2 class="part__tit">秒杀商品</h2>
                    <!--<a href="javascript:;" class="part__more">更多<i class="icon_part_arrow sprite"></i></a>-->
                </div>
                <div class="mod_album_list">
                    <ul class="album_list__list" id="" v-for="(item, index) in seckillArr" :key="seckill">
                        <li class="album_list__item" style="margin-bottom:10px">
                            <div class="album_list__item_box">
                                <div data-albummid="0010AYuF3nqxhw" class="js_album album_list__cover mod_cover">
                                    <a href="javascript:;">
                                        <img :src="urlDwon+item.album.albumImage" class="album_list__pic"><i
                                            class="mod_cover__mask"></i>
                                    </a>
                                </div>
                                <h4 data-albummid="0010AYuF3nqxhw" class="js_album album_list__title"><span
                                        class="album_list__title_txt"><a
                                        href="javascript:;">{{item.album.albumName}}</a></span></h4>
                                <div class="album_list__author">
                                    <a href="javascript:;" data-singerid="4286" class="js_singer c_tx_thin">{{item.album.singerName}}</a>
                                </div>
                                <div class="album_list__price">
                                    <strong class="album_list__price_numb c_tx_thin">¥
                                        {{item.album.albumCurrentPrice}}</strong>
<!--                时间                   ------  -->
                                    <template id="counter-template">
                                        <van-count-down :time="time" @finish="onFinish">
                                            <template #default="timeData">
                                                <span class="block">{{ timeData.hours }}</span>
                                                <span class="colon">:</span>
                                                <span class="block">{{ timeData.minutes }}</span>
                                                <span class="colon">:</span>
                                                <span class="block">{{ timeData.seconds }}</span>
                                            </template>
                                        </van-count-down>

                                    </template>
<!--===============style="pointer-events: none;"-->
                                    <a href="javascript:" data-albumid="6968757" data-actid="seckill" @click="getGoto(item.seckillId)"
                                       class="js_buy_album mod_btn album_list__btn_buy remove" style="pointer-events: none;">立即购买</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>

        <!--本周最火-->
        <div class="main">

            <div class="mod_part">
                <div class="part__hd">
                    <h2 class="part__tit">本周热销</h2>
                    <!--<a href="javascript:;" class="part__more">更多<i class="icon_part_arrow sprite"></i></a>-->
                </div>
                <div class="mod_album_list">
                    <ul class="album_list__list" v-for="(item, index) in hotArr" :key="hot">

                        <li class="album_list__item" style="margin-bottom:10px">
                            <div class="album_list__item_box">
                                <div data-albummid="001MSwNx1pfiAF" class="js_album album_list__cover mod_cover">
                                    <a href="javascript:;">
                                        <img :src="urlDwon+item.albumImage" class="album_list__pic"><i
                                            class="mod_cover__mask"></i>
                                    </a>
                                </div>
                                <h4 data-albummid="001MSwNx1pfiAF" class="js_album album_list__title"><span
                                        class="album_list__title_txt"><a
                                        href="javascript:;">{{item.albumName}}</a></span></h4>
                                <div class="album_list__author">
                                    <a href="javascript:;" data-singerid="1190986" class="js_singer c_tx_thin">{{item.singerName}}</a>
                                </div>
                                <div class="album_list__price">
                                    <strong class="album_list__price_numb c_tx_thin">¥
                                        {{item.albumCurrentPrice}}</strong>
                                    <a href="javascript:;" data-albumid="6576190" data-actid="334"
                                       class="js_buy_album mod_btn album_list__btn_buy">立即购买</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>

        <!--内地-->
        <div class="main">

            <div class="mod_part">
                <div class="part__hd">
                    <h2 class="part__tit">内地专辑推荐</h2>
                    <!--<a href="javascript:;" class="part__more">更多<i class="icon_part_arrow sprite"></i></a>-->
                </div>
                <div class="mod_album_list">
                    <ul class="album_list__list" v-for="(item, index) in neidiHotArr" :key="neidiHotArr">

                        <li class="album_list__item" style="margin-bottom:10px">
                            <div class="album_list__item_box">
                                <div data-albummid="001T7G8z0o9FlF" class="js_album album_list__cover mod_cover">
                                    <a href="javascript:;">
                                        <img :src="urlDwon+item.albumImage" class="album_list__pic"><i
                                            class="mod_cover__mask"></i>
                                    </a>
                                </div>
                                <h4 data-albummid="001T7G8z0o9FlF" class="js_album album_list__title"><span
                                        class="album_list__title_txt"><a
                                        href="javascript:;">{{item.albumName}}</a></span></h4>
                                <div class="album_list__author">
                                    <a href="javascript:;" data-singerid="60894" class="js_singer c_tx_thin">{{item.singerName}}</a>
                                </div>
                                <div class="album_list__price">
                                    <strong class="album_list__price_numb c_tx_thin">¥
                                        {{item.albumCurrentPrice}}</strong>
                                    <a href="javascript:;" data-albumid="4791817" data-actid="288"
                                       class="js_buy_album mod_btn album_list__btn_buy">立即购买</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>

        <!--港台-->
        <div class="main">

            <div class="mod_part">
                <div class="part__hd">
                    <h2 class="part__tit">港台专辑推荐</h2>
                    <!--<a href="javascript:;" class="part__more">更多<i class="icon_part_arrow sprite"></i></a>-->
                </div>
                <div class="mod_album_list">
                    <ul class="album_list__list" v-for="(item, index) in gangtaiHotArr" :key="gangtaiHotArr">

                        <li class="album_list__item" style="margin-bottom:10px">
                            <div class="album_list__item_box">
                                <div data-albummid="0031VfPx2gRYPy" class="js_album album_list__cover mod_cover">
                                    <a href="javascript:;">
                                        <img :src="urlDwon+item.albumImage" class="album_list__pic"><i
                                            class="mod_cover__mask"></i>
                                    </a>
                                </div>
                                <h4 data-albummid="0031VfPx2gRYPy" class="js_album album_list__title"><span
                                        class="album_list__title_txt"><a
                                        href="javascript:;">{{item.albumName}}</a></span></h4>
                                <div class="album_list__author">
                                    <a href="javascript:;" data-singerid="4880" class="js_singer c_tx_thin">{{item.singerName}}</a>
                                </div>
                                <div class="album_list__price">
                                    <strong class="album_list__price_numb c_tx_thin">¥
                                        {{item.albumCurrentPrice}}</strong>
                                    <a href="javascript:;" data-albumid="4522798" data-actid="283"
                                       class="js_buy_album mod_btn album_list__btn_buy">立即购买</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>

        <!-- app-->
    </div>


    <div class="footer" role="footer">
        <div class="section_inner">
            <div class="footer_info">

                <div class="footer_download">
                    <h3 class="footer_tit">下载QQ音乐客户端</h3>
                    <ul class="footer_download_list">
                        <li class="footer_download_list__item"><a href="https://y.qq.com/download/"
                                                                  class="js_footer_down" data-type="pc"
                                                                  data-stat="y_new.footer.download.pc"><i
                                class="icon_qm_pc"><span class="icon_txt">QQ音乐</span></i>PC版</a></li>
                        <li class="footer_download_list__item"><a href="https://y.qq.com/download/"
                                                                  class="js_footer_down" data-type="mac"
                                                                  data-stat="y_new.footer.download.mac"><i
                                class="icon_qm_mac"><span class="icon_txt">QQ音乐</span></i>Mac版</a></li>
                        <li class="footer_download_list__item"><a href="https://y.qq.com/download/"
                                                                  class="js_footer_down" data-type="andriod"
                                                                  data-stat="y_new.footer.download.andriod"><i
                                class="icon_qm_android"><span class="icon_txt">QQ音乐</span></i>Android版</a></li>
                        <li class="footer_download_list__item"><a href="https://y.qq.com/download/"
                                                                  class="js_footer_down" data-type="iphone"
                                                                  data-stat="y_new.footer.download.iphone"><i
                                class="icon_qm_iphone"><span class="icon_txt">QQ音乐</span></i>iPhone版</a></li>
                    </ul>
                </div>

                <div class="footer_product">
                    <h3 class="footer_tit">特色产品</h3>
                    <ul class="footer_product_list">
                        <li class="footer_product_list__item footer_product_list__item--pic"><a
                                href="http://kg.qq.com/?pgv_ref=qqmusic.y.topmenu" rel="noopener" target="_blank"
                                class="js_other_link" data-stat="y_new.footer.other_music.k"><i class="icon_qm_kg"></i>全民K歌</a>
                        </li>
                        <li class="footer_product_list__item footer_product_list__item--pic"><a
                                href="http://y.qq.com/vip/voice_intro/index.html" rel="noopener" target="_blank"
                                class="js_other_link" data-stat="y_new.footer.other_music.supersound"><i
                                class="icon_qm_ss"></i>Super Sound</a></li>
                        <li class="footer_product_list__item footer_product_list__item--pic"><a
                                href="http://y.qq.com/y/static/down/qplay.html?pgv_ref=qqmusic.y.topmenu" rel="noopener"
                                target="_blank" class="js_other_link" data-stat="y_new.footer.other_music.qplay"><i
                                class="icon_qm_qp"></i>QPlay</a></li>
                        <li class="footer_product_list__item"><a href="http://y.qq.com/y/static/down/car_introduce.html"
                                                                 rel="noopener" target="_blank" class="js_other_link"
                                                                 data-stat="y_new.footer.other_music.car_play">车载互联</a>
                        </li>
                        <li class="footer_product_list__item"><a
                                href="http://y.qq.com/yanchu/?pgv_ref=qqmusic.y.topmenu" rel="noopener" target="_blank"
                                class="js_other_link" data-stat="y_new.footer.other_music.yanchu">QQ演出</a></li>
                    </ul>
                </div>
                <div class="footer_group">
                    <h3 class="footer_tit">TME集团官网</h3>
                    <ul class="footer_group_list">
                        <li class="footer_platform_list__item"><a href="https://www.tencentmusic.com/" target="_blank"
                                                                  class="js_other_link"
                                                                  data-stat="y_new.footer.other_music.thetme">腾讯音乐</a>
                        </li>
                    </ul>
                </div>

                <div class="footer_link">
                    <h3 class="footer_tit">合作链接</h3>
                    <!-- 显示全部 footer_link_list--show -->
                    <ul class="footer_link_list">
                        <li class="footer_link_list__item"><a href="https://y.qq.com/portal/company_detail.html?id=297"
                                                              rel="noopener" target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">CJ ENM</a></li>
                        <li class="footer_link_list__item"><a href="http://v.qq.com/" rel="noopener" target="_blank"
                                                              class="js_other_link" data-stat="y_new.footer.other_link">腾讯视频</a>
                        </li>
                        <li class="footer_link_list__item"><a href="http://z.qzone.com/" rel="noopener" target="_blank"
                                                              class="js_other_link" data-stat="y_new.footer.other_link">手机QQ空间</a>
                        </li>
                        <li class="footer_link_list__item"><a href="http://im.qq.com/" rel="noopener" target="_blank"
                                                              class="js_other_link" data-stat="y_new.footer.other_link">最新版QQ</a>
                        </li>
                        <li class="footer_link_list__item"><a href="http://e.qq.com/index.shtml" rel="noopener"
                                                              target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">腾讯社交广告</a></li>
                        <li class="footer_link_list__item"><a href="http://guanjia.qq.com/" rel="noopener"
                                                              target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">电脑管家</a></li>
                        <li class="footer_link_list__item"><a href="http://browser.qq.com/" rel="noopener"
                                                              target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">QQ浏览器</a></li>
                        <li class="footer_link_list__item"><a href="http://www.weiyun.com/" rel="noopener"
                                                              target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">腾讯微云</a></li>
                        <li class="footer_link_list__item"><a
                                href="https://cloud.tencent.com/?fromSource=gwzcw.756433.756433.756433" rel="noopener"
                                target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">腾讯云</a></li>
                        <li class="footer_link_list__item"><a href="http://fm.qq.com/" rel="noopener" target="_blank"
                                                              class="js_other_link" data-stat="y_new.footer.other_link">企鹅FM</a>
                        </li>
                        <li class="footer_link_list__item"><a href="http://www.znds.com/" rel="noopener" target="_blank"
                                                              class="js_other_link" data-stat="y_new.footer.other_link">智能电视网</a>
                        </li>
                        <li class="footer_link_list__item"><a href="http://www.dangbei.com/" rel="noopener"
                                                              target="_blank" class="js_other_link"
                                                              data-stat="y_new.footer.other_link">当贝市场</a></li>
                        <!--li class="footer_link_list__item js_last" style="display:none;"><a href="http://fm.qq.com/" rel="noopener" target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">企鹅FM</a></li>
                        <li class="footer_link_list__item"><a href="javascript:;" class="js_footer_more">更多</a></li>
                        <li class="footer_link_list__item footer_link_list__item--more"><a href="https://cloud.tencent.com/?fromSource=gwzcw.756433.756433.756433" rel="noopener" target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">腾讯云</a></li-->
                    </ul>
                </div>
                <div class="footer_platform">
                    <h3 class="footer_tit">开放平台</h3>
                    <ul class="footer_platform_list">
                        <li class="footer_platform_list__item"><a href="http://y.tencentmusic.com/" target="_blank"
                                                                  class="js_other_link"
                                                                  data-stat="y_new.footer.other_music.tme">腾讯音乐人平台</a>
                        </li>
                        <li class="footer_platform_list__item"><a href="https://y.qq.com/vip/daren_recruit/apply.html"
                                                                  target="_blank" class="js_other_link"
                                                                  data-stat="y_new.footer.other_music.daren_recruit">音乐号认证</a>
                        </li>
                        <!--li class="footer_platform_list__item"><a href="//y.qq.com/portal/mv/mv_upload.html" target="_blank" class="js_other_link" data-stat="y_new.footer.other_music.ugc">上传视频</a></li-->
                        <li class="footer_platform_list__item"><a href="http://y.qq.com/cp/homepage.html#/home"
                                                                  target="_blank" class="js_other_link"
                                                                  data-stat="y_new.footer.other_music.cp">机构入驻</a></li>


                    </ul>
                </div>
            </div>
            <div class="footer_copyright">

                <p>
                    <a href="http://www.tencent.com/" rel="noopener nofollow" target="_blank" title="关于腾讯">关于腾讯</a> |
                    <a href="http://www.tencent.com/index_e.shtml" rel="noopener nofollow" target="_blank"
                       title="About Tencent">About Tencent</a> |
                    <a href="http://www.qq.com/contract.shtml" rel="noopener nofollow" target="_blank"
                       title="服务条款">服务条款</a> |
                    <a href="http://y.qq.com/y/static/tips/service_tips.html" rel="noopener nofollow" target="_blank"
                       title="用户服务协议">用户服务协议</a> |
                    <a href="https://y.qq.com/m/client/intro/privacy.html" rel="noopener nofollow" target="_blank"
                       title="隐私政策">隐私政策</a> |
                    <a href="https://y.qq.com/vip/right_declare/index.html" rel="noopener nofollow" target="_blank"
                       title="权利声明">权利声明</a> |
                    <a href="http://www.tencentmind.com/" rel="noopener nofollow" target="_blank" title="广告服务">广告服务</a>
                    |
                    <a href="http://hr.tencent.com/" rel="noopener nofollow" target="_blank" title="腾讯招聘">腾讯招聘</a> |
                    <a href="http://service.qq.com/" rel="noopener nofollow" target="_blank" title="客服中心">客服中心</a> |
                    <a href="http://www.qq.com/map/" rel="noopener nofollow" target="_blank" title="网站导航">网站导航</a>
                </p>

                <p>Copyright © 1998 -
                    <script type="text/javascript">document.write(new Date().getFullYear());</script>
                    2019 Tencent. <a target="_blank" href="http://www.tencent.com/en-us/le/copyrightstatement.shtml"
                                     rel="noopener nofollow" title="All Rights Reserved.">All Rights Reserved.</a></p>
                <p>腾讯公司 <a target="_blank" href="http://www.tencent.com/zh-cn/le/copyrightstatement.shtml"
                           rel="noopener nofollow" title="版权所有">版权所有</a> <a target="_blank"
                                                                            href="http://www.tencent.com/law/mo_law.shtml?/law/copyright.htm"
                                                                            rel="noopener nofollow" title="腾讯网络文化经营许可证">腾讯网络文化经营许可证</a>
                </p>
            </div>
        </div>
    </div>


    <!--<script type="text/javascript">
    ;(function () {
        require.async("js/v4/album_mall.js", function( album_mall ){
            album_mall.init();
        });
    })();
    </script>

    <script type="text/javascript">require.resourceMap({"res":{"js/v4/OFPLite_selector.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/OFPLite_selector_537ab56.js?max_age=31536000","m":"537ab56"},"js/v4/album.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/album_010a99c.js?max_age=31536000","m":"010a99c"},"js/v4/album.js.bak":{"url":"/music/portal/js/v4/album.js.bak?max_age=31536000"},"js/v4/album_lib.js":{"deps":["js/common/music.js","js/common/indexDB.js"],"url":"//y.gtimg.cn/music/portal/js/v4/album_lib_edac51e.js?max_age=31536000","m":"edac51e"},"js/v4/album_lib.js.bak":{"url":"/music/portal/js/v4/album_lib.js.bak?max_age=31536000"},"js/v4/album_mall.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/album_mall_3e91b32.js?max_age=31536000","m":"3e91b32"},"js/v4/audio/audio_edit.js":{"deps":["js/common/music.js","js/common/music/lib/position.js","js/v4/audio/audio_util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/audio/audio_edit_27d4033.js?max_age=31536000","m":"27d4033"},"js/v4/audio/audio_edit.js.bak":{"url":"/music/portal/js/v4/audio/audio_edit.js.bak?max_age=31536000"},"js/v4/audio/audio_util.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/audio/audio_util_64aa843.js?max_age=31536000","m":"64aa843"},"js/v4/audio/radio_detail.js":{"deps":["js/common/music.js","js/v4/audio/audio_util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/audio/radio_detail_a18322a.js?max_age=31536000","m":"a18322a"},"js/v4/audio/radio_detail.js.bak":{"url":"/music/portal/js/v4/audio/radio_detail.js.bak?max_age=31536000"},"js/v4/audio/radio_edit.js":{"deps":["js/common/music.js","js/v4/audio/audio_util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/audio/radio_edit_4137c89.js?max_age=31536000","m":"4137c89"},"js/v4/audio/radio_edit.js.bak":{"url":"/music/portal/js/v4/audio/radio_edit.js.bak?max_age=31536000"},"js/v4/audio/radio_list.js":{"deps":["js/common/music.js","js/v4/audio/audio_util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/audio/radio_list_2bd5a8f.js?max_age=31536000","m":"2bd5a8f"},"js/v4/audio/radio_list.js.bak":{"url":"/music/portal/js/v4/audio/radio_list.js.bak?max_age=31536000"},"js/v4/company.js":{"deps":["js/common/music.js","js/common/music/lib/base.js"],"url":"//y.gtimg.cn/music/portal/js/v4/company_fd6cd1c.js?max_age=31536000","m":"fd6cd1c"},"js/v4/company.js.bak":{"url":"/music/portal/js/v4/company.js.bak?max_age=31536000"},"js/v4/headline/comment_contribute.js":{"deps":["js/common/music.js","js/v4/headline/util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/comment_contribute_9114476.js?max_age=31536000","m":"9114476"},"js/v4/headline/comment_contribute.js.bak":{"url":"/music/portal/js/v4/headline/comment_contribute.js.bak?max_age=31536000"},"js/v4/headline/detail.js":{"deps":["js/common/music.js","js/v4/headline/util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/detail_985cd3a.js?max_age=31536000","m":"985cd3a"},"js/v4/headline/detail.js.bak":{"url":"/music/portal/js/v4/headline/detail.js.bak?max_age=31536000"},"js/v4/headline/editor.js":{"deps":["js/common/music.js","js/common/music/lib/position.js","js/v4/public/util.js","js/common/indexDB.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/editor_6001f4c.js?max_age=31536000","m":"6001f4c"},"js/v4/headline/editor.js.bak":{"url":"/music/portal/js/v4/headline/editor.js.bak?max_age=31536000"},"js/v4/headline/font2img.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/font2img_d751d3c.js?max_age=31536000","m":"d751d3c"},"js/v4/headline/font2img.js.bak":{"url":"/music/portal/js/v4/headline/font2img.js.bak?max_age=31536000"},"js/v4/headline/manage.js":{"deps":["js/common/music.js","js/v4/headline/util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/manage_432a003.js?max_age=31536000","m":"432a003"},"js/v4/headline/manage.js.bak":{"url":"/music/portal/js/v4/headline/manage.js.bak?max_age=31536000"},"js/v4/headline/notes.js":{"deps":["js/common/music.js","js/v4/headline/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/notes_3842cb6.js?max_age=31536000","m":"3842cb6"},"js/v4/headline/notes.js.bak":{"url":"/music/portal/js/v4/headline/notes.js.bak?max_age=31536000"},"js/v4/headline/openzan.js":{"deps":["js/common/music.js","js/common/PCASClass.js","js/v4/headline/util.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/openzan_6296c5f.js?max_age=31536000","m":"6296c5f"},"js/v4/headline/openzan.js.bak":{"url":"/music/portal/js/v4/headline/openzan.js.bak?max_age=31536000"},"js/v4/headline/util.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/headline/util_40dd01e.js?max_age=31536000","m":"40dd01e"},"js/v4/headline/util.js.bak":{"url":"/music/portal/js/v4/headline/util.js.bak?max_age=31536000"},"js/v4/index.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/index_75d2f6f.js?max_age=31536000","m":"75d2f6f"},"js/v4/index.js.bak":{"url":"/music/portal/js/v4/index.js.bak?max_age=31536000"},"js/v4/index_v2.js":{"deps":["js/common/music.js","js/common/indexDB.js"],"url":"//y.gtimg.cn/music/portal/js/v4/index_v2_fdb6d0c.js?max_age=31536000","m":"fdb6d0c"},"js/v4/index_v2.js.bak":{"url":"/music/portal/js/v4/index_v2.js.bak?max_age=31536000"},"js/v4/lyric_upload.js":{"deps":["js/common/music.js","js/common/module/coder.js"],"url":"//y.gtimg.cn/music/portal/js/v4/lyric_upload_ba239cf.js?max_age=31536000","m":"ba239cf"},"js/v4/lyric_upload.js.bak":{"url":"/music/portal/js/v4/lyric_upload.js.bak?max_age=31536000"},"js/v4/mini_video.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mini_video_d5cfa92.js?max_age=31536000","m":"d5cfa92"},"js/v4/mini_video.js.bak":{"url":"/music/portal/js/v4/mini_video.js.bak?max_age=31536000"},"js/v4/msg_center.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/msg_center_9999320.js?max_age=31536000","m":"9999320"},"js/v4/msg_center.js.bak":{"url":"/music/portal/js/v4/msg_center.js.bak?max_age=31536000"},"js/v4/mv.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mv_56f5778.js?max_age=31536000","m":"56f5778"},"js/v4/mv.js.bak":{"url":"/music/portal/js/v4/mv.js.bak?max_age=31536000"},"js/v4/mvToplist.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mvToplist_0760559.js?max_age=31536000","m":"0760559"},"js/v4/mvToplist.js.bak":{"url":"/music/portal/js/v4/mvToplist.js.bak?max_age=31536000"},"js/v4/mv_lib.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mv_lib_52d4ebb.js?max_age=31536000","m":"52d4ebb"},"js/v4/mv_lib.js.bak":{"url":"/music/portal/js/v4/mv_lib.js.bak?max_age=31536000"},"js/v4/mv_upload.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mv_upload_a978f1e.js?max_age=31536000","m":"a978f1e"},"js/v4/mv_upload.js.bak":{"url":"/music/portal/js/v4/mv_upload.js.bak?max_age=31536000"},"js/v4/mymusic.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mymusic_1fd1343.js?max_age=31536000","m":"1fd1343"},"js/v4/mymusic.js.bak":{"url":"/music/portal/js/v4/mymusic.js.bak?max_age=31536000"},"js/v4/mymusic_edit.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mymusic_edit_ae9a5c2.js?max_age=31536000","m":"ae9a5c2"},"js/v4/mymusic_edit.js.bak":{"url":"/music/portal/js/v4/mymusic_edit.js.bak?max_age=31536000"},"js/v4/mymusic_friend - 2.js":{"url":"//y.gtimg.cn/music/portal/js/v4/mymusic_friend - 2_f6eb572.js?max_age=31536000","m":"f6eb572"},"js/v4/mymusic_friend.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/mymusic_friend_e3bf4c1.js?max_age=31536000","m":"e3bf4c1"},"js/v4/mymusic_friend.js.bak":{"url":"/music/portal/js/v4/mymusic_friend.js.bak?max_age=31536000"},"js/v4/new_ugc/editor/editor.js":{"deps":["js/common/music.js","js/common/music/lib/position.js","js/v4/new_ugc/util.js","js/common/indexDB.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/editor/editor_851c23c.js?max_age=31536000","m":"851c23c"},"js/v4/new_ugc/editor/editor.js.bak":{"url":"/music/portal/js/v4/new_ugc/editor/editor.js.bak?max_age=31536000"},"js/v4/new_ugc/editor/font2img.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/editor/font2img_6c6f907.js?max_age=31536000","m":"6c6f907"},"js/v4/new_ugc/editor/manage.js":{"deps":["js/common/music.js","js/v4/new_ugc/editor/util.js","js/v4/new_ugc/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/editor/manage_a01f8dc.js?max_age=31536000","m":"a01f8dc"},"js/v4/new_ugc/editor/manage.js.bak":{"url":"/music/portal/js/v4/new_ugc/editor/manage.js.bak?max_age=31536000"},"js/v4/new_ugc/editor/util.js":{"deps":["js/common/music.js","js/common/module/coder.js","js/v4/new_ugc/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/editor/util_00678cd.js?max_age=31536000","m":"00678cd"},"js/v4/new_ugc/editor/util.js.bak":{"url":"/music/portal/js/v4/new_ugc/editor/util.js.bak?max_age=31536000"},"js/v4/new_ugc/jQueryAjax.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/jQueryAjax_384cf04.js?max_age=31536000","m":"384cf04"},"js/v4/new_ugc/jQueryAjax.js.bak":{"url":"/music/portal/js/v4/new_ugc/jQueryAjax.js.bak?max_age=31536000"},"js/v4/new_ugc/jquery-ui.js":{"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/jquery-ui_ad8c656.js?max_age=31536000","m":"ad8c656"},"js/v4/new_ugc/kandan.js":{"deps":["js/common/music.js","js/v4/new_ugc/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/kandan_b793650.js?max_age=31536000","m":"b793650"},"js/v4/new_ugc/kandan.js.bak":{"url":"/music/portal/js/v4/new_ugc/kandan.js.bak?max_age=31536000"},"js/v4/new_ugc/mini_video_upload.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/mini_video_upload_0adf0c9.js?max_age=31536000","m":"0adf0c9"},"js/v4/new_ugc/mini_video_upload.js.bak":{"url":"/music/portal/js/v4/new_ugc/mini_video_upload.js.bak?max_age=31536000"},"js/v4/new_ugc/mv.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/mv_5f306a3.js?max_age=31536000","m":"5f306a3"},"js/v4/new_ugc/mv.js.bak":{"url":"/music/portal/js/v4/new_ugc/mv.js.bak?max_age=31536000"},"js/v4/new_ugc/rgbfilter.js":{"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/rgbfilter_1bb5d3b.js?max_age=31536000","m":"1bb5d3b"},"js/v4/new_ugc/rgbfilter.js.bak":{"url":"/music/portal/js/v4/new_ugc/rgbfilter.js.bak?max_age=31536000"},"js/v4/new_ugc/user.js":{"deps":["js/common/music.js","js/common/music/cookie.js","js/common/music/jquery.js","js/common/statastic.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/user_08feb03.js?max_age=31536000","m":"08feb03"},"js/v4/new_ugc/user.js.bak":{"url":"/music/portal/js/v4/new_ugc/user.js.bak?max_age=31536000"},"js/v4/new_ugc/util.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/new_ugc/util_61c79db.js?max_age=31536000","m":"61c79db"},"js/v4/new_ugc/util.js.bak":{"url":"/music/portal/js/v4/new_ugc/util.js.bak?max_age=31536000"},"js/v4/piao_wu.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/piao_wu_a432bf2.js?max_age=31536000","m":"a432bf2"},"js/v4/piao_wu.js.bak":{"url":"/music/portal/js/v4/piao_wu.js.bak?max_age=31536000"},"js/v4/player.js":{"deps":["js/common/music.js","js/common/music/scroller.js","js/common/module/webplayer.js","js/common/module/lrcHandler.js","js/common/module/qrcHandler.js","js/common/music/storage.js"],"url":"//y.gtimg.cn/music/portal/js/v4/player_8a3e729.js?max_age=31536000","m":"8a3e729"},"js/v4/player.js.bak":{"url":"/music/portal/js/v4/player.js.bak?max_age=31536000"},"js/v4/player/radio.js":{"deps":["js/common/music.js","js/common/music/scroller.js","js/common/module/webplayer.js","js/common/module/lrcHandler.js","js/common/music/storage.js"],"url":"//y.gtimg.cn/music/portal/js/v4/player/radio_9f784e0.js?max_age=31536000","m":"9f784e0"},"js/v4/player/radio.js.bak":{"url":"/music/portal/js/v4/player/radio.js.bak?max_age=31536000"},"js/v4/playlist.js":{"deps":["js/common/music.js","js/common/indexDB.js"],"url":"//y.gtimg.cn/music/portal/js/v4/playlist_edbfc75.js?max_age=31536000","m":"edbfc75"},"js/v4/playlist.js.bak":{"url":"/music/portal/js/v4/playlist.js.bak?max_age=31536000"},"js/v4/playlist_detail.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/playlist_detail_8002fc4.js?max_age=31536000","m":"8002fc4"},"js/v4/playlist_detail.js.bak":{"url":"/music/portal/js/v4/playlist_detail.js.bak?max_age=31536000"},"js/v4/profile.js":{"deps":["js/common/music.js","js/common/music/storage.js"],"url":"//y.gtimg.cn/music/portal/js/v4/profile_ebcb98b.js?max_age=31536000","m":"ebcb98b"},"js/v4/profile.js.bak":{"url":"/music/portal/js/v4/profile.js.bak?max_age=31536000"},"js/v4/public/index.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/index_471799c.js?max_age=31536000","m":"471799c"},"js/v4/public/index.js.bak":{"url":"/music/portal/js/v4/public/index.js.bak?max_age=31536000"},"js/v4/public/mini_video_upload.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/mini_video_upload_8d69d83.js?max_age=31536000","m":"8d69d83"},"js/v4/public/mini_video_upload.js.bak":{"url":"/music/portal/js/v4/public/mini_video_upload.js.bak?max_age=31536000"},"js/v4/public/mini_video_upload_bak.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/mini_video_upload_bak_bea2bf4.js?max_age=31536000","m":"bea2bf4"},"js/v4/public/mini_video_upload_rey.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/mini_video_upload_rey_a182065.js?max_age=31536000","m":"a182065"},"js/v4/public/noright.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/noright_8362610.js?max_age=31536000","m":"8362610"},"js/v4/public/noright.js.bak":{"url":"/music/portal/js/v4/public/noright.js.bak?max_age=31536000"},"js/v4/public/renzheng_other.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/renzheng_other_29aed05.js?max_age=31536000","m":"29aed05"},"js/v4/public/renzheng_other.js.bak":{"url":"/music/portal/js/v4/public/renzheng_other.js.bak?max_age=31536000"},"js/v4/public/renzheng_singer.js":{"deps":["js/common/music.js","js/v4/public/util.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/renzheng_singer_e250cad.js?max_age=31536000","m":"e250cad"},"js/v4/public/renzheng_singer.js.bak":{"url":"/music/portal/js/v4/public/renzheng_singer.js.bak?max_age=31536000"},"js/v4/public/util.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/public/util_57cf039.js?max_age=31536000","m":"57cf039"},"js/v4/public/util.js.bak":{"url":"/music/portal/js/v4/public/util.js.bak?max_age=31536000"},"js/v4/radio.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/radio_8645738.js?max_age=31536000","m":"8645738"},"js/v4/radio.js.bak":{"url":"/music/portal/js/v4/radio.js.bak?max_age=31536000"},"js/v4/search.js":{"deps":["js/common/music.js","js/common/music/storage.js"],"url":"//y.gtimg.cn/music/portal/js/v4/search_9195881.js?max_age=31536000","m":"9195881"},"js/v4/search.js.bak":{"url":"/music/portal/js/v4/search.js.bak?max_age=31536000"},"js/v4/singer.js":{"deps":["js/common/music.js","js/common/music/lib/base.js"],"url":"//y.gtimg.cn/music/portal/js/v4/singer_0a9df8a.js?max_age=31536000","m":"0a9df8a"},"js/v4/singer.js.bak":{"url":"/music/portal/js/v4/singer.js.bak?max_age=31536000"},"js/v4/singerlist.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/singerlist_be0ab2d.js?max_age=31536000","m":"be0ab2d"},"js/v4/singerlist.js.bak":{"url":"/music/portal/js/v4/singerlist.js.bak?max_age=31536000"},"js/v4/song_detail.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/song_detail_8099479.js?max_age=31536000","m":"8099479"},"js/v4/song_detail.js.bak":{"url":"/music/portal/js/v4/song_detail.js.bak?max_age=31536000"},"js/v4/toplist.js":{"deps":["js/common/music.js"],"url":"//y.gtimg.cn/music/portal/js/v4/toplist_4025c31.js?max_age=31536000","m":"4025c31"},"js/v4/toplist.js.bak":{"url":"/music/portal/js/v4/toplist.js.bak?max_age=31536000"}},"pkg":{}});</script>


    -->

    <a href="javascript:;" class="btn_bottom_top sprite_before js_btn_top" style="display: none;">
        <span class="icon_txt">返回顶部</span>
    </a>

    <a href="javascript:;" class="btn_bottom_feedback js_btn_feedback">反馈</a>
    <a href="javascript:;" class="btn_bottom_player sprite_before js_openplayer">
        <span class="icon_txt">播放器</span>
    </a>

    <div class="popup_guide">
        <img src="images/logo(1).png" class="popup_guide__logo" alt="QQ音乐">
        <p class="popup_guide__txt">千万高品质曲库尽享</p>
        <a href="javascript:;" class="popup_guide__btn js_floatLayer_download"><i
                class="popup_guide__btn_icon sprite"></i>客户端下载</a>
    </div>
</div>
</div>
</body>


<script src="./js/jquery-3.2.1.js"></script>
<!--<script src="js/vue.js"></script>-->
<!--<script src="js/element.js"></script>-->


<script src="js/vue.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/vant.min.js"></script>
<script src="js/element.js"></script>
<script>
    // import { createApp } from 'vue';
    // import { CountDown } from 'vant';
    // const app = createApp();
    // app.use(CountDown);
    new Vue({
        el: '#app',
        // template: `<van-button>按钮<an-button>`,
        data: function () {
            return {
                visible: false,
                imgArr: [],
                hotArr: [],
                seckillArr: [],
                content:'',
                time:4000,
                urlDwon: "../downloadFileFromQiniu?fileName="
            }

        },
        methods: {
            onFinish(){
                $(".remove").removeAttr("style");
            },
                        getNew()
                        {
                            $.ajax({
                                async: true,
                                type: "get",
                                url: "../album/get/NewPutaway",
                                data: {
                                    size: 5
                                },
                                dataType: "json"
                            }).done((result) => {
                                if (result.data != null) {
                                    this.imgArr = result.data;
                                }

                            }).fail(() => {
                                alert("失败了");
                            })
                        }
                    ,
                        //获取最热
                        getHot(number)
                        {
                            $.ajax({
                                async: true,
                                type: "get",
                                url: "../album/get/HotAlbum",
                                data: {
                                    size: "",
                                    districtId: number
                                },
                                dataType: "json"
                            }).done((result) => {
                                if (result.data != null) {
                                    switch (number) {
                                        case 0:
                                            this.hotArr = result.data;
                                            break;
                                        case 1:
                                            this.neidiHotArr = result.data;
                                            break;
                                        case 2:
                                            this.gangtaiHotArr = result.data;
                                            break;
                                        case 3:
                                            break;
                                    }
                                }
                            }).fail(() => {
                                alert("失败了");
                            })
                        }
                    ,
                        //获取秒杀商品
                        getSeckill()
                        {
                            $.ajax({
                                async: true,
                                type: "get",
                                url: "../seckill/list",
                                data: {},
                                dataType: "json"
                            }).done((result) => {
                                if (result.data != null) {
                                    this.seckillArr = result.data;
                                    let start = new Date(result.data[0].seckillStart).getTime();
                                    let end = new Date(result.data[0].seckillEnd).getTime();
                                    // this.time = end - start;
                                }
                            }).fail(() => {
                                alert("失败了");
                            })
                        },
            //抢
            getGoto(id)
            {
                $.ajax({
                    async: true,
                    type: "post",
                    url: "../seckill/list/"+id,
                    data: {},
                    dataType: "json"
                }).done((result) => {
                    if (result.data != null) {
                     alert(result.message)
                    }
                }).fail(() => {
                    alert("失败了");
                })
            }

                    },
                    //页面加载先执行
                    async mounted()
                {
                    await this.getNew();
                    await this.getHot(0);
                    await this.getHot(1);
                    await this.getHot(2);
                    await this.getSeckill();
                }
            })

    Vue.use(vant.CountDown);

</script>




</html>